@import"../../assets/css/common.css";
@import"../../assets/css/reset.css";
@import '../../assets/css/proporty.css';
.lizi{
    position: relative;
}
.mask{
    position: absolute;
    width: 100%;
    height: 416px;
    top: 0px;
}
.a1::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: deepskyblue;
    font-size: 16px;
    position: absolute;
    top: 48px;
    left: 86px;
}
.mask1{
    width: 260px;
    height: 270px;
    margin-top:136px;
    background-color: white;
    flex-direction: column;
    align-items: center
}
.mask2{
    margin-left: 24px;
    margin-top: 34px
}
.maskimg{
    margin-top: 52px
}
.maskimg2{
    margin-right: 32px;
    margin-top: 20px
}
.mask3{
    justify-content: center;
    margin-left: -2px;
    margin-top: 5px
}
.mask3 span{
    color: rgb(236, 236, 236)
}
.masksp1{
    margin-right: 28px
}
.masksp2{
    margin-left: -16px;
    margin-right: 20px
}
.masksp3{
    margin-right: 5px
}
.righttext{
    margin-top: 136px;
    margin-left: 46px
}
.righttext p{
    border: 1px solid #00bdff;
    text-align: center;
    line-height:28px;
    color: #00bdff;
    margin-left: 10px;
    box-sizing: border-box;
    padding: 0px 3px
}
.box1{
    margin-top: 10px;
    font-weight: bold;
    color: #f8aa39
}
.box2,.box3,.box4,.box5{
    margin-top: 10px
}
.box5{
    width: 120px;
    height: 40px;
    background-color: #00bdff;
    color: white;
    text-align: center;
    line-height: 40px
}
.box3 div{
    margin-right: 20px;
    text-align: center;
}
.box6{
    position: relative;
}
.box7{
    width: 120px;
    height: 120px;
}
.box8{
    width: 120px !important;
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
    position: absolute;
    top: 19px;
    left: -22px;
    border: none;
}
.box6:hover .box8{
height: 120px;
}
.active{
    background: url("../../assets/images/select.png") no-repeat right bottom;
    border-color: #00bdff !important
}
.listprice div{
    border: 1px solid ;
    cursor: pointer;
    height: 28px;
    font-size: 14px;
    text-align: center;
    line-height: 28px
}
.box6{
    border: 1px solid ;
    text-align: center;
    line-height: 28px
}
/* 选项卡 */
.tab {
            height: 300px;
            margin: 100px auto;
        }
        
        .menu {
            overflow: hidden;
            border-bottom: 1px solid 
        }
        
        .menu li {
            list-style: none;
            width: 15%;
            line-height: 40px;
            text-align: center;
            float: left;
            color: black;
        }
        
        .menu .active {
            background: deepskyblue;
        }
        
        .neirong11 {
            display: none;
            position: relative;
        }
        
        .on {
            display:block;
            position: relative;
        }
        .box7 {
            width: 100%;
            height: 150px;
            background-image: url("../../assets/images/login-register-bg.svg");
            background-color: #1271ef;
            margin-top: 25px;
            flex-direction: column;
            align-items: center;}
            .box {
            text-align: center;
            margin-top: 38px;
            font-weight: bold;
            font-size: 40px;
            color: black;
}
.table1{
    width: 920px;
    height: 200px;
    letter-spacing:1px;
    border: 1px solid black;
    margin-top: 20px;
}
.table1 tr,td,th{
    border-bottom:1px solid #dedede;
    padding:20px;
    text-align: center;
}
.activity1{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 20px !important
}
.activity2{
    flex-direction: column;
    margin-top: 20px
}
.activity3{
    position: absolute;
    right: -10px;
    top: 366px;
    margin-top: 20px !important
}
.activity1 img{
    width: 220px;
    height: 80px;
    margin-top: 20px
}
.neirong1{
    flex-direction: column;
}
.neirong1 span{
    margin-top: 20px
}
.button1{
    margin-top: 20px;
    width: 150px;
    height: 34px;
    background-color: #00bdff;
    color: white;
    text-align: center;
    line-height: 34px;
    border: none
}
.tablebox,.tablebox2,.tablebox3{
    margin-top: 20px
}
.activitybox{
    width: 60px;
    height: 60px;
    border: 1px solid;
    justify-content: center;
    align-items: center
}
.activitybox img{
    width: 32px;
    height: 24px;
}
.activitybox2{
    width: 150px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px
}
.activitybox3{
    margin-top: 20px;
    border-bottom: 1px solid;
    box-sizing: border-box;
    padding-bottom: 10px
}
.activityall{
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 10;

}